<!DOCTYPE html>
<html>

<head>
<title></title>

<script src="http://code.jquery.com/jquery.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="css/uikit.almost-flat.min.css">
<link rel="stylesheet"
	href="css/components/datepicker.almost-flat.min.css"
>

<!-- Latest compiled and minified JavaScript -->
<script src="js/uikit.min.js"></script>
<script src="js/common/common.js"></script>
<script src="js/components/datepicker.js"></script>
<script src="js/registration/registration.js"></script>
</head>

<body>
	<nav class="uk-navbar">
		<ul class="uk-navbar-nav">
			<li><a href="#">Home</a></li>
			<li><a href="#">Contact</a></li>
		</ul>
		<div class="uk-navbar-content uk-navbar-flip">
			<form class="uk-form uk-margin-remove uk-display-inline-block" action="/taskhey/login">

				<input type="text" placeholder="Username or Email" /> <input
					type="password" placeholder="Password"
				/>

				<button type="submit" class="uk-button uk-button-primary" id="loginbutton">Login</button>
			</form>
		</div>
	</nav>


	<div class="uk-panel uk-panel-box uk-panel-space uk-width-1-2 uk-container-center uk-text-center">

		<form id="registration_form" class="uk-form uk-form-horizontal" action="/taskhey/register" method="post">
			<div class="uk-form-row">

				<label class="uk-form-label" for="form-h-ip">Username</label>
				<div class="uk-form-controls">
					<input id="username" type="text" placeholder="Enter username"></input>
				</div>

			</div>
			<div class="uk-form-row">
				<label class="uk-form-label" for="email">Email address</label>
				<div class="uk-form-controls">
					<input type="email" id="email" placeholder="Enter email">
				</div>
			</div>
			<div class="uk-form-row">
				<label class="uk-form-label" for="firstname">First name</label>
				<div class="uk-form-controls">
					<input type="text" id="firstname" placeholder="First name">
				</div>
			</div>
			<div class="uk-form-row">
				<label class="uk-form-label" for="secondname">Second name</label>
				<div class="uk-form-controls">
					<input type="text" id="secondname" placeholder="Second name">
				</div>
			</div>
			<div class="uk-form-row">
				<label class="uk-form-label" for="dateofbirth">Date of birth</label>
				<div class="uk-form-controls">
					<input id="birth_date" type="text"  data-uk-datepicker="{format:'DD.MM.YYYY'}" placeholder="Birt date" />

				</div>

			</div>
			<div class="uk-form-row">
				<label class="uk-form-label" for="password">Password</label>
				<div class="uk-form-controls">
					<input type="password" id="password" placeholder="Password">
				</div>
			</div>
			<div class="uk-form-row">
				<div class="uk-form-controls">
					<button type="submit" class="uk-button uk-button-primary" id="registerbutton">Sign
						in</button>
				</div>
			</div>
			
		</form>
	</div>

</body>
</html>